<!DOCTYPE html>
<html>
<head>
	<title>Conversor de medidas</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<r:require modules="jquery, bootstrap"/>
	<r:layoutResources/>
	<g:layoutHead/>
	<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
	<link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
</head>
<body>
	<div id="spinner" class="spinner" style="display: none;">
		<img src="${resource(dir:'images',file:'spinner.gif')}"
			alt="${message(code:'spinner.alt',default:'Loading...')}" />
	</div>
	<div style="margin-left:300px;" role="banner"><a href="https://code.google.com/p/algo3tp2grupo1/"><img src="${resource(dir: 'images', file: 'logo.jpg')}" alt="Grails"/></a></div>
	<r:layoutResources/>
	<g:layoutBody />
</body>
</html>